<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>input</title>
    <style>

    </style>
</head>
<body>
<form action="">
    <!--   提交时会校验，要求@，且@后面要有内容 -->
    邮箱：<input type="email" name="email"> <br>
    <!--    url提交时要求网址,作用不大-->
    url：<input type="url" name="url"> <br>
    <!--    只能填写数值-->
    数值：<input type="number" name="number" step="2"> <br>
    范围：<input type="range" name="range" min="20" max="80" value="20"> <br>

    <!--    日期,文件上传前端用控件-->
    日期：<input type="date" name="date"> <br>
    文件：<input type="file" name="file"> <br>

    <!--    其余的看文档-->

    <button>提交</button>
</form>

</body>
</html>